<template>
  <div class="userlist">
      <ul>
          <li v-for="(item,index) in userlist" @click="chooserUser(index)" :key="'userlist'+index">
              <img :src="item.headerimg">
              <h3>{{item.username}}</h3>
          </li>

      </ul>
  </div>
</template>

<script>
export default {
    data(){
        return{

        }
    },
    props:['userlist'],

}
</script>

<style scoped>
    .userlist{
        width: 300px;
        height: 700px;
        background-color: skyblue;
    }
    .userlist ul li{
        display: flex
    }
    .userlist ul li img{
        width: 80px;
        height: 80px;
    }
</style>